<LayoutTableSmall>
    <!-- 顶部 -->
    <template slot="top"></template>
    <!-- 其他 -->
    <template slot="other"></template>
    <!-- 搜索 -->
    <template slot="search">
    </template>

    <!-- 功能 -->
    <template slot="function">
        <el-form :inline="true" label-position="left" label-width="80px" :model="searchForm" class="demo-form-inline">

            <el-form-item>
                <el-input clearable v-model="mixinList_tableSearchData.name" placeholder="查询支持商品名称、编码"
                    @change="mixinList_refreshData" style="width:260px">
                    <el-button slot="append" icon="el-icon-search" @click="mixinList_refreshData()">
                    </el-button>
                </el-input>
            </el-form-item>
            <el-form-item>
                <el-select style="width:120px" v-model="mixinList_tableSearchData.publishStatus" placeholder="上架状态"
                    @change="mixinList_refreshData">
                    <el-option label="全部状态" value=""></el-option>
                    <el-option label="上架状态" value="0"></el-option>
                    <el-option label="下架状态" value="1"></el-option>
                </el-select>
            </el-form-item>
        </el-form>
    </template>
    <!-- 表格 -->
    <template slot="table">

        <div class="main" v-loading="mixinList_loading">

            <!-- <div class="ul">
                <div class="li" v-for="(item,index) in mixinList_tableData" @click="select(item,index)">
                    <div class="border">
                        <DataGoodsItem :item="item" :selected="isSelect(item)"></DataGoodsItem>
                    </div>
                </div>
            </div> -->


            <div class="ul">
                <div class="li" @click="select(item,index)" v-for="(item,index) in mixinList_tableData" :key="item.id" :class="'li' +(isSelect(item)?' selected':'') ">
                    <div class="img">
                        <imageBox class="albumUrl" :src="item.albumUrl"></imageBox>
                    </div>
                    <div class="text">
                        <div class="name">
                            {{item.name}}
                        </div>
                        <div class="sort">库存：{{item.stock}}</div>
                        <div class="price">￥{{item.salePrice}}</div>
                        <div class="del" @click="deleteItem()" v-if="showDelete"><i class="el-icon-delete"></i></div>
                    </div>
                
                </div>
            </div>
            <div class="kong" v-if="mixinList_tableData.length<=0">没有查找到任何内容</div>

            <!-- <GoodsListCheck :goodsList="mixinList_tableData" :selectIds.sync="selectList">
            </GoodsListCheck> -->

        </div>

    </template>

    <!-- 分页 -->
    <template slot="options">
        <el-pagination class="paginationStyle" :disabled="mixinList_pageData.total<=0" background
            @current-change="mixinList_pagingData($event)" :current-page="mixinList_pageData.pageNum"
            :page-size.sync="$vFN.Constants.pageSize" layout="total, prev, pager, next,jumper"
            :total.sync="mixinList_pageData.total">
        </el-pagination>
    </template>
</LayoutTableSmall>